<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="login">
            <a href="" class="iconfont Navbar_logo"></a>
            <div class="menu">
                <p><a href="" class="iconfont ic_search_tab"></a></p>
                <p><img src="./images/login.png" alt=""></p>
                <p href="" class="download"><span>下载 APP</span></p>
            </div>
        </div>

        <!-- 顶部分类 -->
        <div class="cate">
            <div>
                <p>首页</p>
                <p>动画</p>
                <p>番剧</p>
                <p>国创</p>
                <p>音乐</p>
            </div>
            <a href="" class="iconfont general_pulldown_s"></a>
        </div>

    </header>

    <!-- 视频列表 -->
    <div class="alldata">

        <div class="img">
            <ul><img src="./images/1.jpg" alt="">
             <a href="" class="iconfont icon_shipin_bofangshu">132万</a>
             <p href="" class="iconfont icon_shipin_danmushu">2.4万</p>
            </ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>
        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>
        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>
        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>
        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>
        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>

        <div class="img">
            <ul><img src="./images/1.jpg" alt=""></ul>
            <p>你活着补刀就是对我最大的侮辱，韩服最强王者单杀集锦超级无敌大</p>
        </div>



    </div>

    <!-- 底部下载 -->

    <div class="open">
        <a href="" class="iconfont Navbar_logo"></a>
        <p>打开APP，看你感兴趣的视频</p>
    </div>



</body>

</html>